<template>
	<div class="app-container">
		<div class="content">
			<div class="navnum">
				<el-steps :active="1" finish-status="end" process-status='curt' class="nextnav"  simple>
				  <el-step title="导入文件" icon="iconfont icon-1" ></el-step>
				  <el-step title="保单校验" icon="iconfont icon-2"></el-step>
				  <el-step title="结算完成" icon="iconfont icon-3"></el-step>
				</el-steps>
			</div>
			
			<!--form-->
			<el-form>
				<el-form-item label="保险公司：" class="is-required" prop="insuranceId">
		            <el-select  class="wd230" size="mini" v-model="formLabel.insuranceId" placeholder="请选择保险公司" @change="changecomony(json.insuranceId)">
						<el-option-group v-for="group in companies" :key="group.letter" :label="group.letter">
							<el-option v-for="item in group.insurances" :key="item.id" :label="item.insuranceName" :value="item.id">
							</el-option>
						</el-option-group>
					</el-select>
		       </el-form-item>				
			</el-form>
			
		</div>
	</div>
</template>
<script>
	import Vue from 'vue'
	export default{
		data(){
			return{
				value:'',
				insuranceId:'',
				formLabel:{
					
				},
				companies:[]
			}
		},
		props:['navnum'],
		mounted(){
			console.log('999');
			this.getCompanies();
		},
		methods:{
			//获取保险公司
		    getCompanies() {
		      const that = this
		      const params = {}
		      this.post(params, 'services/app/common/GetGroupInsurances').then(rs => {
		        console.log(rs)
		        if (rs.success) {
		          that.companies = rs.result.items
		        }
		      })
		    },
		}
	}
</script>

<style  lang="scss" scoped>
.navnum{margin: 0 auto;margin-top: 55px;padding: 0 20px;margin-bottom: 50px;width: 1100px;}
.el-steps--simple{padding: 17px 8%;}
</style>